// 自定义贴片广告相关事件（暂停时贴片广告，抽屉面板贴片广告）
export default {
	data() {
		return {
			adView_pause_OnReady:0,//首次的时候，不执行this.getAdView_pause_flng()
			adView_pause: false,//是否开启暂停时显示暂停贴片广告View
			adView_pauseWidth: 0,//视频暂停时，贴片广告view盒子的宽度
			// 贴片海报广告_data数据（视频暂停时）
			pause_adImgData:{
				// 贴片海报广告_图片地址（类型 => 图片 视频暂停时显示）
				src:'',
				// 下面的是外面穿进来的自定义数据，点击广告会回调出去
			},
			// 贴片视频广告_data数据（视频暂停时）
			pause_adVideoData:{
				// 贴片视频广告_视频地址（类型 => 视频 视频暂停时显示）
				src:'',
				// 下面的是外面穿进来的自定义数据，点击广告会回调出去
			},

			adView_drawer:false,//是否开启抽屉面板里显示的贴片广告View
			// 贴片海报广告_data数据（抽屉面板里）
			drawer_adImgData:{
				hdr:{//（清晰度抽屉面板）
					src: '',// 外面调用时，必传的参数
					// 下面的是外面穿进来的自定义数据，点击广告会回调出去
				}, 
				xuanji:{//（选集抽屉面板）
					src: '',// 外面调用时，必传的参数
				} 
			},
			// 贴片视频广告_data数据（抽屉面板里）
			drawer_VideoData:{
				hdr:{//（清晰度抽屉面板）
					src: '',// 外面调用时，必传的参数
				}, 
				xuanji:{//（选集抽屉面板）
					src: '',// 外面调用时，必传的参数
				}
			},
		}
	},
	watch:{
		isFullScreenChange:{
			handler(newChange,oldChange){
				if (newChange==true){
					// 视频暂停时，并且是进入全屏状态下
					let Full = true
					this.getAdViewWidth(Full)
				}else if (newChange==false){
					// 视频暂停时，并且是退出全屏状态下
					let Full = false
					this.getAdViewWidth(Full)
					this.adView_pause_OnReady++
					// 判定是否 非首次(1)，首次的时候不能有任何操作
					if (this.adView_pause_OnReady >=2){
						this.getAdView_pause_flng()
					}
				}
				// 如果存在视频贴片广告
				if (this.adView_pause==true){
					// 刷新显示，修复进入或者退出全屏时，css样式错位
					this.getAdView_pause_flng()
				}
			},
			immediate: true,//普通监听（可监听到第一次绑定的变化）
		},
		adView_pause:{
			handler(newAdView,oldAdView){
				let isFull = this.isFullScreenChange
				this.getAdViewWidth(isFull)
			},
			immediate: true,
		}
	},
	methods:{

		/* ===================================
		 * =   （1）视频暂停时 贴片广告 相关   =
		 * ===================================
		 */

		// 动态修改 视频暂停时 贴片广告view的宽度
		getAdViewWidth(isFull){
			if (isFull==true){
				// 进入全屏状态下
				this.adView_pauseWidth = this.FullscreenWidth/2.8
			}else {
				// 退出全屏状态下
				this.adView_pauseWidth = this.FullscreenHeight/2
			}
		},
		// 创建 贴片视频广告（类型 => 视频 视频暂停时显示）
		Create_pause_adVideoView(e){},
		// 销毁 贴片视频广告（类型 => 视频 视频暂停时显示）
		Delete_pause_adVideoView(){},
		// 点击了 贴片视频广告（类型 => 视频 视频暂停时显示）
		Click_pause_adVideoView(){},

		// 创建 贴片海报广告（类型 => 图片 视频暂停时显示）
		Create_pause_adImgView(e){
			// 写入 贴片海报广告_数据，src是外面必传的参数
			this.pause_adImgData = e
			this.adView_pause = true
			
		},
		// 销毁 贴片海报广告（类型 => 图片 视频暂停时显示）
		Delete_pause_adImgView(){

		},
		// 点击了 贴片海报广告（类型 => 图片 视频暂停时显示）
		Click_pause_adImgView(){
			this.getAdView_pause_flng()
			let data = this.pause_adImgData
			// 将 点击了贴片海报广告 事件回调出去
			let e = {
				Events:'adImgView_Tap',//标记>>点击了贴片海报广告（ps => 统一的贴片广告回调事件）
				data,//广告数据，包含自定义的
				msg:'点击了暂停时贴片海报广告（类型 => 图片 视频暂停时显示）'
			}
			this.$emit('changeMyVideo',e)
		},
		// 先关闭广告View视图，再打开
		getAdView_pause_flng(){
			// 先关闭广告，不然的话，从全屏里退出全屏后，会看到关闭广告icon图标按钮错位显示
			this.adView_pause = false
			// 延时100毫秒再开启
			let Timeout = setTimeout(()=>{
				this.adView_pause = true
				// 消除定时器
				clearTimeout(Timeout)
			},100)
		},




		/* ===================================
		 * =   （2）抽屉面板里 贴片广告 相关   =
		 * ===================================
		 */
		
		// 创建 贴片海报广告（类型 => 图片 抽屉面板里）
		Create_drawer_adImgView(e){
			// 写入 贴片海报广告_数据，src是外面必传的参数
			this.drawer_adImgData = e
			this.adView_drawer = true
		},
		// 销毁 贴片海报广告（类型 => 图片 抽屉面板里）
		Delete_drawer_adImgView(){

		},
		// 点击了 贴片海报广告（类型 => 图片 抽屉面板里）
		Click_drawer_adImgView(type){
			// 先调用 关闭抽屉面板，不然会有bug
			this.closeDrawerItem()
			let msg // 回调提示信息
			let data //回调数据
			if (type == 'hdr_adImgView'){
				// 点击了 清晰度/画质 抽屉面板里的 贴片广告
				msg = '点击了 (清晰度/画质) 抽屉面板里的 贴片广告'
				data = this.drawer_adImgData.hdr
				//
			}else if (type == 'xuanji_adImgView'){
				// 点击了 选集 抽屉面板里的 贴片广告
				msg = '点击了 (选集) 抽屉面板里的 贴片广告'
				data = this.drawer_adImgData.xuanji
				//
			}else {
				// 后面再看开放哪里的抽屉面板里贴片广告
			}
			// 将 点击了贴片海报广告 事件回调出去
			let e = {
				Events:'adImgView_Tap',//标记>>点击了贴片海报广告（ps => 统一的贴片广告回调事件）
				data,// 广告数据，包含自定义的
				type,// 点击类型
				msg,
			}
			this.$emit('changeMyVideo',e)

		}






	}
}